// 全局变量
/* Variables */

// Base color
@theme: #0676fe;
@blue: rgba(13, 114, 191, 1);
@light-blue: #3a71a8;
@red: #c03639;
@pink: #e65d6e;
@green: #30b08f;
@tiffany: #4ab7bd;
@yellow: #fec171;
@panGreen: #30b08f;
@appBgColor: #f7f7f7;
@activeColor: #c23f69;

// 头部样式
@navBarHeight: 80px;
.navBarBg() {
  background: linear-gradient(
    90deg,
    rgba(23, 93, 184, 1) 0%,
    rgba(0, 143, 209, 1) 56.99999999999999%,
    rgba(18, 73, 132, 1) 100%
  );
}

/**
* 侧边菜单
*/
// 侧边栏宽度
@sideBarWidth: 240px;
// 侧边栏折叠后宽度
@sideBarFoldWidth: 64px;
// 侧边栏背景颜色
@sideBgColor: #fff;
// 侧边栏菜单颜色
@sideMenuBgColor: #ffff;
// @sideMenuBgColor: linear-gradient(40deg, #4162df, #226fee);
// 侧边栏菜单item hover颜色
@sideMenuItemHoverColor: #155ad5;
// 侧边栏菜单item 激活左侧前缀
@sideMenuItemPrefixBgColor: #E4F6FB;
//激活菜单文字颜色
@sideSubMenuActiveTextColor: #fff;
// @sideSubMenuActiveTextColor: rgb(255, 235, 60);

// footer
@footerHeight: 494px;

// shade
@shadeBgColor: rgba(15, 27, 67, 0.9);

// Login page
@lightGray: #eee;
@darkGray: #889aa4;
@loginBg: #2d3a4b;
@loginCursorColor: #fff;

// The :export directive is the magic sauce for webpack
// https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
:export {
  navBarHeight: @navBarHeight;
  menuBg: @sideBgColor;
}

/////////////////////
// sidebar
@menuText: #535360;
@menuActiveText: #535360;
@subMenuActiveText: #535360;

@menuBg: #fff;
@menuHover: #fff;
// logo
@logoBg:#276de9;
@logoText:#fff;
// 
@subMenuBg: #fff;
@subMenuHover: #fff;

//左侧菜单宽度
@sideBarWidth: 260px;

// 侧边栏菜单item hover颜色
@sideMenuItemHoverColor: #155ad5;
// 侧边栏菜单item 激活左侧前缀
@sideMenuItemPrefixBgColor: #E4F6FB;
//激活菜单文字颜色
@sideSubMenuActiveTextColor: #3A96FE;
:export {
  menuText: @menuText;
  menuActiveText: @menuActiveText;
  subMenuActiveText: @subMenuActiveText;
  menuBg: @menuBg;
  logoBg:@logoBg;
  logoText:@logoText;
  menuHover: @menuHover;
  subMenuBg: @subMenuBg;
  subMenuHover: @subMenuHover;
  sideBarWidth: @sideBarWidth;
  sideMenuItemPrefixBgColor: @sideMenuItemPrefixBgColor;
  sideMenuItemHoverColor: @sideMenuItemHoverColor;
  sideSubMenuActiveTextColor: @sideSubMenuActiveTextColor;
}
